@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './sidebar.scss';
@import './element-ui.scss';

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

// main-container global css
// .app-container {
//   padding: 20px;
//   background: #f3f3f4;
// }
body .el-table th.gutter{
	  display: table-cell!important;
}


// table
.disrow {
  background-color: #e4e7ed !important;
}

.actrow {
  background-color: rgba(181, 240, 181, 0.699) !important;
}

.own-image-dialog .el-dialog__headerbtn{
	top: 10px !important;
}

.own-image-dialog .el-dialog__body{
	padding-bottom: 30px !important;
}

.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }

.avatar-uploader .el-upload:hover {
	border-color: #409eff;
}
.avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
}

.avatar {
    width: 100px;
    height: 100px;
    display: block;
    object-fit: contain;
}
	
.own-el-cascader{
		width: 100% !important;
}

.el-table:not(.el-table--scrollable-x) .el-table__fixed-right{
  height: 100% !important;
}


/* 搜索、表格优化v1.2 */
.own-app-container {

  .btn-primary2 {
    background: #009688;
    border-color: #009688;
    color: #fff;
  }

  .btn-primary2:hover {
    opacity: .8;
    color: #fff;
  }

  .search {
    .el-form {
      .el-form-item__label {
        font-size: 13px;
        font-weight: 600;
        min-width: 92px;
        text-align: center;
      }

      .el-form-item:last-child {
        margin-left: 0;
      }

      .el-input,
      .el-select,
      .el-date-editor,
			.el-switch{
        width: 140px;
      }

      .el-select__tags-text {
        max-width: 80px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-flex;
      }

      .select-multiple {
        width: 624px !important;

        .el-select__tags-text {
          max-width: 100%;
        }

        .el-input {
          width: 100% !important;
        }
      }

      .el-cascader2 {
        .el-input {
          width: 382px !important;
        }
      }

      .select-multiple2 {
        width: 382px !important;

        .el-select__tags-text {
          max-width: 100%;
        }

        .el-input {
          width: 100% !important;
        }
      }

    }
  }

  .el-table {

    &.el-table--mini {
      margin-top: 0 !important;

      thead {
        color: #111 !important;
      }

      tbody {
        color: #111;
      }

      .text-bold .el-link--inner {
        font-weight: bold;
      }

      .el-link--inner {
        font-size: 12px;
      }

      /* sort */
      .caret-wrapper {
        height: 30px;

        .ascending {
          top: 3px
        }

        .descending {
          bottom: 5px;
        }
      }

      .operation  {
        .el-button--mini {
          padding: 7px;
        }
      }
    }

  }

  .el-pagination {
    margin-top: 7px !important;
  }

  /* 修改tooltip的背景颜色 */
  .draw_share_atooltip {
    background-color: #67C23A !important;
    border-color: #67C23A;
    border: 1px solid #67C23A !important;
  }

}